﻿<?xml version="1.0" encoding="utf-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
	<title>Απλή photo gallery</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>

	<h1>Απλή photo gallery</h1>
	
	<div id="content">
		<h2>Επιλογές προβολής:</h2>
		<input type="radio" id="thumbnails" name="view" />
		<label for="thumbnails">Μικρογραφίες</label>
		
		<input type="radio" id="medium" name="view" checked="checked" />
		<label for="medium">Μεσαίο μέγεθος</label>
		
		<input type="radio" id="large" name="view" />
		<label for="large">Μεγάλο μέγεθος</label>
		
		
		<ul class="gallery">
			<li>
				<img src="pictures/linguine_porcini.jpg" alt="Linguine with porcini mushrooms" />
				<p><a href="http://www.flickr.com/photos/mcpig/2079437797/">Linguine with porcini mushrooms</a></p>
			</li>
			<li>
				<img src="pictures/crème_brûlée.jpg" alt="Crème brûlée" />
				<p><a href="http://www.flickr.com/photos/roboppy/240881250/">Crème brûlée</a></p>
			</li>
			<li>
				<img src="pictures/sushi_variety.jpg" alt="Sushi" />
				<p><a href="http://www.flickr.com/photos/zeetzjones/442805346/">Sushi</a></p>
			</li>
			<li>
				<img src="pictures/mango_cheesecake.jpg" alt="Mango Cheesecake" />
				<p><a href="http://www.flickr.com/photos/santos/126910029/">Mango Cheesecake</a></p>
			</li>
			<li>
				<img src="pictures/salmon_teriyaki.jpg" alt="Salmon Teriyaki" />
				<p><a href="http://www.flickr.com/photos/hermansaksono/4137053327/">Salmon Teriyaki</a></p>
			</li>
			<li>
				<img src="pictures/pancakes.jpg" alt="Pancakes with maple syrup" />
				<p><a href="http://www.flickr.com/photos/strausser/131236358/">Pancakes with maple syrup</a></p>
			</li>
			<li>
				<img src="pictures/seaweed_salad.jpg" alt="Seaweed salad" />
				<p><a href="http://www.flickr.com/photos/veganfeast/4052214994/">Seaweed salad</a></p>
			</li>
			<li>
				<img src="pictures/apple_pie.jpg" alt="Apple pie with whipped cream" />
				<p><a href="http://www.flickr.com/photos/_pixelmaniac_/3471348748/">Apple pie with whipped cream</a></p>
			</li>
		</ul>
	</div>
	
	<p id="footer">
		&#169;2010 Οικονομικό Πανεπιστήμιο Αθηνών
		<small>Οι φωτογραφίες δημοσιεύτηκαν στο <a href="http://flickr.com">flickr</a> με δικαιώματα που επιτρέπουν τη διανομή τους για τις ανάγκες του μαθήματος</small>
	</p>

</body>
</html>
